<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{% block title_prefix %}{% endblock %}{% if not page.is_homepage %}{{ page.title }} - {% endif %}{{ config.site_name }}</title>

    <link rel="apple-touch-icon" sizes="180x180" href="{{ base_url }}/images/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="{{ base_url }}/images/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="{{ base_url }}/images/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="{{ base_url }}/manifest.json">
    <link rel="mask-icon" href="{{ base_url }}/images/safari-pinned-tab.svg" color="#5bbad5">
    <link rel="shortcut icon" href="{{ base_url }}/images/favicon.ico">
    <meta name="apple-mobile-web-app-title" content="Forge Docs">
    <meta name="application-name" content="Forge Docs">
    <meta name="msapplication-config" content="{{ base_url }}/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

    <link rel="stylesheet" href="https://use.fontawesome.com/a1f20be65b.css">
    <link rel="stylesheet" href="{{ base_url }}/css/styles_dark.css?version=2" data-theme="dark">
    <link rel="stylesheet" href="{{ base_url }}/css/styles_light.css?version=2" data-theme="light">

    {% for path in extra_css %}
    <link href="{{ path }}" rel="stylesheet">
    {% endfor %}
    <script type="text/javascript" src="{{ base_url }}/js/theme-switch.js"></script>

    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/highlight.js/9.15.6/highlight.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"></script>
    <script src="https://cdn.bootcss.com/jScrollPane/2.2.1-rc.2/script/jquery.jscrollpane.min.js"></script>
    <script src="https://cdn.bootcss.com/stickyfill/1.1.4/stickyfill.min.js"></script>
    <script type="text/javascript" src="{{ base_url }}/js/theme.js"></script>

    <script>var base_url = '{{ base_url }}';</script>
    {% for path in extra_javascript %}
    <script src="{{ path }}"></script>
    {% endfor %}

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<header>
    <div class="wrapper">
        <div class="logo">
            <a href="#" class="open-sidebar"><i class="fa fa-bars"></i></a>
            <a href="{{ base_url }}" class="logo-image"><img src="{{ base_url }}/images/logo.svg" width="244"></a>
        </div>
        <nav>
            <ul class="links clearfix">
                <li><a href="http://minecraftforge.net/">论坛</a></li>
            </ul>
        </nav>
        {% block search_form %}
        <form class="search" action="{{ base_url }}/search.html" method="get">
            <input type="submit" value="&#xf002;">
            <div class="search-field">
                <input type="search" title="Search" name="q" placeholder="搜索">
            </div>
        </form>
        {% endblock %}
    </div>
</header>
<main class="wrapper sidebar-wrapper">
    <div class="sidebar-left sidebar-sticky">
        <aside>
            <section class="sidebar-nav">
                <h2 class="sidebar-heading">
                    <a href="#" class="close-sidebar"><i class="fa fa-bars"></i></a> 导航
                    <form class="version-selection">
                        <label for="version-selection-dropdown">Version:</label>
                        <select id="version-selection-dropdown" class="version-selection-dropdown" onchange="location = this.value;">
                            {% for name, url in config.extra.versions.items() %}
                            <option value="https://mcforge-cn.readthedocs.io/zh/{{ url }}" {% if name == config.extra.current_version %}selected{% endif %}>{{ name }}</option>
                            {% endfor %}
                        </select>
                    </form>
                </h2>
                <ul class="section-content scroll-pane">
                    {% for nav_item in nav %}
                    {% include "nav.html" %}
                    {% endfor %}
                </ul>
            </section>
        </aside>
    </div>

    <div class="sidebar-sticky-wrapper-content">
        <article class="docs-entry">
            {% block content %}
            {{ page.content }}
            {% endblock %}
        </article>
        {%- block next_prev %}
        {% if next_page or previous_page %}
        <div class="docs-entry-footer-buttons" role="navigation" aria-label="footer navigation">
            {% if previous_page %}
            <a href="{{ page.previous_page.url }}" title="{{ page.previous_page.title }}" class="btn"><span class="fa fa-arrow-left"></span> 上一页</a>
            {% endif %}
            {% if next_page %}
            <a href="{{ page.next_page.url }}" title="{{ page.next_page.title }}" class="float-right btn">下一页 <span class="fa fa-arrow-right"></span></a>
            {% endif %}
        </div>
        {% endif %}
        {%- endblock %}
    </div>
</main>
<div class="wrapper">
    <footer>
        基于 <a href="https://www.mkdocs.org">MkDocs</a> 使用自定义主题构建. 托管于 <a href="https://readthedocs.org">Read the Docs</a>.
        <div class="theme-switch-wrapper">
            启用夜间模式
            <label class="theme-switch">
                <input type="checkbox">
                <span class="slider round"></span>
            </label>
        </div>
    </footer>
</div>
</body>
</html>
